{% extends "base.html" %}
{% load static %}

{% block title %}
历史沿革
{% endblock %}

{% block content %}
<!-- 广告横幅 -->
<div class="container-fluid">
    <div class="row">
                <img class="img-responsive model-img" src="{% static 'img/service.jpg' %}"style="width: 100%;height: 400px">
    </div>
</div>
<!-- 主体内容 -->
<div class="container">
    <div class="row row-3">
        <!-- 侧边导航栏 -->
        <div class="col-md-3">
            <div class="model-title">
                服务支持
            </div>
            <div class="model-list">
                <ul class="list-group">
                    <li class="list-group-item" id='download'>
                        <a href="{% url 'serviceApp:download' %}">资料下载</a>
                    </li>
                    <li class="list-group-item" id='platform'>
                        <a href="{% url 'serviceApp:platform' %}">校历查询</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 说明文字和图片 -->
        <div class="col-md-9">
            <div class="model-details-title">
                校历查询
            </div>
            <div class="row justify-content-center">
                <div class="col-md-6 col-12  text-center">
                    <img class="img-fluid" src="{% static 'img/30.jpg' %}" alt="图片" style="max-width: 100%;">
                </div>
                <div class="col-md-6 col-12 text-center">
                    <img class="img-fluid" src="{% static 'img/31.jpg' %}" alt="图片" style="max-width: 100%;">
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}